About HTML Tags
Getting Web Space
Horizontal Lines
Break
Paragraphs
Center Alignment
Colors
Adding Images
Adding Links
Adding Background Images































































  So, you're an HTML newbie?! You've come to the right place!! We'll start at the very beginning:

HTML stands for Hypertext Markup Language. It's the code that creates homepages. Cool, eh? Most places that give out free webspace offer a Basic HTML Editor, and that is what these HTML Tutorials can be used in. Of course, they're used in ANY situation (advanced as well!), but these are the absolute essentials to creating a webpage!

In these tutorials, I try to explain these tags as clearly as possible. If I know why something is named what it is, I'll be certain to add that...it makes HTML easier to remember. HTML is relatively simple, and you'll probably be pretty fluent in it soon!

On to the first lesson!
HTML Tags

  Tags are what HTML is made of. Anything between the < and > signs are tags-- HTML code. Here's what a basic HTML file should look like:



<HTML>
<HEAD>
<TITLE> your page title here</TITLE>
</HEAD>

<BODY>
Your text here, including other HTML codes! </BODY>
</HTML>
  Confused yet?!! Let's go through it one step at a time:

<HTML> means that this is an HTML document

<HEAD> means the beginning of the page header

<TITLE> means the title of your page (it shows up at the top of the browser)

</TITLE> </HEAD> mean the end of the code (tip- almost all HTML codes have an end-- and the end is specified by a /)

<BODY> is obviously the body of the page. There are many attributes. In the <BODY> tag, that is where you specify background color, text color, links color, etc. How to add this can be found under COLORS.

Then we end the body and the HTML. Pretty simple when you know what it means, eh? But, as you may notice, HTML also goes inside the <BODY> tag. So, click on one of the tutorials to learn how to add spice to the <BODY>!

DON"T FORGET!!! A great way to learn HTML is to see what others have done...always check SOURCE! (Under View on File Bar) Try it now!
Back to Petrie's Webpage Tutorials Main